<template>
  <view style="margin: 20rpx 20rpx 0;">
    <view class="cardClass" @click="createCourse">
      <u-section title="创建课程" sub-title=" "></u-section>
    </view>
    <view class="cardClass" @click="courseList">
      <u-section title="课程列表" sub-title=" "></u-section>
    </view>
  </view>
</template>
<script>
export default {
  onLoad: function () {
  },
  methods: {
    createCourse() {
      uni.navigateTo({ url: '/pages/work/course/createCourse' })
    },
    courseList() {
      uni.navigateTo({ url: "/pages/work/course/courseList" })
    },
  }
}
</script>



<style scoped>
page {
  background-color: #fafafa;
}
.cardClass {
  position: static;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 58px;
  border-radius: 10px;
  opacity: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 16px;
  margin-bottom: 10px;
  background: #fafafa;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04),
    0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 0px 1px 0px rgba(0, 0, 0, 0.04);
  z-index: 0;
}
</style>